<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/login.css">
</head>
<body>
    <!-- 登录头部 -->
    <div class="login">
        <div class="login-header">
            <img src="img/mistore_logo.png" alt="">
        </div>
    </div>
    <!-- 登录主体 -->
    <div class="login-box">
            <div class="login-right">
                <div class="login-zh">
                    <a href="#" style="color:red">账号登录</a>
                    <a href="#">扫码登录</a>
                </div>
                <input class="email" type="text" placeholder="邮箱/手机号码/小米ID">
                <input class="upwd" type="text" placeholder="密码">
                <button type="button">登录</button>
                <ul class="login-zc">
                    <li class="f-l login-dx"><a href="#">手机短信登录/注册</a></li>
                    <li class="f-r login-upwd"><a href="#">忘记密码?</a></li>
                    <li class="f-r login-lj"><a href="#">立即注册</a></li>
                </ul>
                <fieldset class="clear">
                        <legend>其他登录方式</legend>
                </fieldset>
                <ul class="login-tp">
                    <li><a href="#"><img src="img/qq.png" alt=""></a></li>
                    <li><a href="#"><img src="img/wb.png" alt=""></a></li>
                    <li><a href="#"><img src="img/wx.png" alt=""></a></li>
                    <li><a href="#"><img src="img/zfb.png" alt=""></a></li>
                </ul>
            </div>   
    </div>





    <!-- 登录底部 -->
    <div class="login-footer">
        <ul>
            <li><a href="#">简体</a>|</li>
            <li><a href="#">繁体</a>|</li>
            <li><a href="#">English</a>|</li>
            <li><a href="#">常见问题</a>|</li>
            <li><a href="#">隐私政策</a></li>
            <div class="clear"></div>
        </ul>
        <p class="clear">小米公司版权所有-京ICP备10046444
            <a href="#"><img src="img/ghs.png" alt=""><a>
                -京公网安备11010802020134号-京ICP证110507号
            </p>
    </div>
</body>
</html>